017984 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

ソース

以下の色をテキストエディタなどでお好みの色に"置換"してお使いください。

枠線　#6B8EB2　　枠線　#CCCCCC　　画像スペース背景色　#C1E0FF　　商品小コメント背景色　#E5F2FF
商品大タイトル文字色　#2375D8　　商品大コメント文字色　#666666
ソースはこちらをコピーしてお使いください。
<table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr valign="top" >
<td width="100%" align="center">
<table border=0 cellspacing=0 cellpadding=0 width=99% align="center">
<tr bgcolor="#6B8EB2">
<td>
<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr bgcolor="#C1E0FF">
<td height="10" bgcolor="#C1E0FF"></td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=0 width=99%>
<tr bgcolor="#C1E0FF">
<td height="8" bgcolor="#FFFFFF"></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=0 width=99% align="center">
<tr bgcolor="#6B8EB2">

<!-- ■イメージ画像を指定します -->
<td background="http://my.plaza.rakuten.co.jp/img/user/haikeigazou.gif" bgcolor="#CCCCCC">

<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr>
<td>
<br>

■画像を背景にコメントを入れられます

<br><br><br>
</td>
<td width="200" height="10" valign="top"><br>
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#003399"><table width="180" border="0" cellspacing="1" cellpadding="3">
<tr>

<!-- ■小窓メニューコメントなど -->
<td bgcolor="#C1E0FF"><font size="-1">メニュー</font></td>
</tr>
<tr>

<!-- ■小窓他ページへのリンクなど -->
<td bgcolor="#FFFFFF">
<font size="-1">

■リンク1

<br>

■リンク2

<br>

■リンク3

</font>
</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td>

<!-- ■商品大1行目 -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="49%" bgcolor="#CCCCCC">

<!-- 商品大1行目商品1 -->
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大1

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大1

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大1

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2%"></td>
<td width="49%" bgcolor="#CCCCCC">

<!-- 商品大1行目商品2 -->
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大2

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大2

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td><font color="#666666" size="-1">■説明・コメントなど大2</font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ■商品大1行目ここまで -->
<!-- ■商品大2行目ここから -->
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="49%" bgcolor="#CCCCCC">

<!-- 商品大2行目商品3 -->
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大3

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大3

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大3

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2%"></td>
<td width="49%" bgcolor="#CCCCCC">

<!-- 商品大2行目商品4 -->
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大4

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大4

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大4

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ■商品大2行目ここまで -->
<!-- ■商品大3行目ここから -->
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="49%" bgcolor="#CCCCCC">

<!-- 商品大3行目商品5 -->
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大5

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大5

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大5

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2%"></td>
<td width="49%" bgcolor="#CCCCCC">

<!-- 商品大3行目商品6 -->
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大6

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>

<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大6

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大6

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ■商品大3行目ここまで -->
<!-- ■商品大4行目ここから -->
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="49%" bgcolor="#CCCCCC">

<!-- 商品大4行目商品7 -->
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大7

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大7

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大7

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="2%"></td>
<td width="49%" bgcolor="#CCCCCC">

<!-- 商品大4行目商品8 -->
<table width="100%" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#C1E0FF" width="100" align="center">

■画像大8

</td>
<td bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<font color="#2375D8" size="-1">
<b>

■タイトル大8

</b>
</font>
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC" height="1"><img src="http://plaza.rakuten.co.jp/img/t.gif" width="120" height="1"></td>
</tr>
<tr>
<td>
<font color="#666666" size="-1">

■説明・コメントなど大8

</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 商品大4行目ここまで -->
<!-- 商品大5行目移行はここに追加 -->

</td>
<td width="190" align="left">
<!-- 商品小1ここから -->
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr bgcolor="#6B8EB2">
<td align=center>
<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr bgcolor="#C1E0FF">
<td align=center><b><font size=-2>

■タイトル小1

</font></b></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=3 width=100%>
<tr bgcolor="#E5F2FF">
<td width="70">

■画小1

</td>
<td><font size=-2>

■説明小1

</font></tr>
</table></td>
</tr>
</table>
<!-- 商品小1ここまで -->
<!-- 商品小2ここから -->
<img src="http://plaza.rakuten.co.jp/img/t.gif" width="190" height="8"><br>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr bgcolor="#6B8EB2">
<td align=center>
<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr bgcolor="#C1E0FF">
<td align=center>
<b><font size=-2>

■タイトル小2

</font></b></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=3 width=100%>
<tr bgcolor="#E5F2FF">
<td width="70">

■画小2

</td>
<td><font size=-2>

■説明小2

</font></tr>
</table></td>
</tr>
</table>
<!-- 商品小2ここまで -->
<!-- 商品小3ここから -->
<img src="http://plaza.rakuten.co.jp/img/t.gif" width="190" height="8"><br>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr bgcolor="#6B8EB2">
<td align=center>
<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr bgcolor="#C1E0FF">
<td align=center>
<b><font size=-2>

■タイトル小3

</font></b></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=3 width=100%>
<tr bgcolor="#E5F2FF">
<td width="70">

■画小3

</td>
<td><font size=-2>

■説明小3

</font></tr>
</table>
</td>
</tr>
</table>
<!-- 商品小3ここまで -->
<!-- 商品小4ここから -->
<img src="http://plaza.rakuten.co.jp/img/t.gif" width="190" height="8"><br>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr bgcolor="#6B8EB2">
<td align=center>
<table border=0 cellspacing=1 cellpadding=3 width=100%>
<tr bgcolor="#C1E0FF">
<td align=center><b><font size=-2>

■タイトル小4

</font></b></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=3 width=100%>
<tr bgcolor="#E5F2FF">
<td width="70">

■画小4

</td>
<td><font size=-2>

■説明小4

</font></tr>
</table>
</td>
</tr>
</table>
<!-- 商品小4ここまで -->
<!-- 商品小5以降はここに追加 -->

</td>
</tr></table>

© Rakuten Group, Inc.